<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- page title -->
<title>dynamic - a premium HTML web template</title>

<!--
A free web template by spyka Webmaster (http://www.spyka.net)
//-->

<link rel="stylesheet" href="../css/core.css" type="text/css" />
</head>
<body>
<div id="wrapper">

	<div id="sitename" class="clear">
    	<!-- YOUR SITE NAME -->
		<h1><a href="#">dynamic</a></h1>
	</div>
	
	<div id="navbar">	
		<div class="clear">
			<ul class="sf-menu clear">
            	<!-- PAGE NAVIGATION -->
				<li><a href="index.html"><span>home</span></a></li>
				<li class="selected"><a href="examples.html"><span>examples</span></a></li>
               	<li><a href="blog.html"><span>blog</span></a></li>
				<li><a href="#"><span>products</span></a></li>
				<li><a href="#"><span>portfolio</span></a></li>
				<li><a href="#"><span>support</span></a></li>
				<li><a href="#"><span>contact</span></a></li>
			</ul>
		</div>
	</div>
	
	<div id="header" class="clear">
		<div class="header-text">
			<h2><strong>Pellentesque</strong> habitant morbi tristique </h2>			
		</div>
	</div>
	<div class="header-bottom"></div>
	
	<div id="body-wrapper">
	
		<!-- BREADCRUMB NAVIGATION -->
		<div class="bcnav">
			<div class="bcnav-left">
				<div class="bcnav-right clear">
					<h3>you are here:</h3>
					<ul class="bcnavlist">
						<li><a href="#">home</a></li>
                        <li>/</li>
						<li><a href="#">products</a></li>
                        <li>/</li>
						<li>widget</li>
					</ul>
				</div>
			</div>
		</div>

		
		<div id="body" class="clear">

			
			<div class="clear">
				<div class="column column-650 column-left">
                    <h2>Examples</h2>
        
                    <h1>Heading H1</h1>
                    <h2>Heading H2</h2>
                    <h3>Heading H3</h3>
                    <h4>Heading H4</h4>
        
                    <h5>Heading H5</h5>
                    <p>&nbsp;</p>
        
                    
                    <h3>Lists</h3>
        
                    <ul>
                        <li>List item</li>
                        <li>List item</li>
        
                        <li>List item</li>
                    </ul>
                            
                    <ol>
                        <li>List item</li>
                        <li>List item</li>
                        <li>List item</li>
                    </ol>
        
                    <p>&nbsp;</p>
                    
                        
                    <h3>Code and blockquote</h3>
                    <code>&lt;? echo('Hello world'); ?&gt;</code>
        
                    <blockquote><p>Mauris sit amet tortor in urna tincidunt aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas</p></blockquote>
                    <p>&nbsp;</p>
                    
                    
                    
                    <h3>Table</h3>
        
                    <table cellspacing="0">
                        <tbody><tr>
                            <th>ID</th>
        
                            <th>Name</th>
        
        
                            <th>Age</th>
                        </tr>
        
                        <tr>
        
                            <td>1</td>
                            <td>John Smith</td>
        
                            <td>28</td>
        
        
                        </tr>
        
                        <tr>
                            <td>2</td>
                            <td>Fred James</td>
        
                            <td>49</td>
        
                        </tr>
                        <tr>
        
        
                            <td>3</td>
        
                            <td>Rachel Johnson</td>
                            <td>19</td>
                        </tr>
        
                    </tbody></table>
        
                    <p>&nbsp;</p>
                    
                    <h3>Form</h3>
        
                    <fieldset>
        
                        <legend>Search Distributor</legend>
                        <form action="#" method="get">
                            <p><label for="name">Name:</label>
                            <input name="name" id="name" value="" type="text" /></p>
        
            
                            <p><label for="email">Email:</label>
                            <input name="email" id="email" value="" type="text" /></p>
        
                            <p><label for="message">Message:</label>
                            <textarea cols="60" rows="11" name="message" id="message"></textarea></p>
        
                            <p><input name="send" class="formbutton" value="Send" type="submit" /></p>
                        </form>
        
                    </fieldset>

				</div>
				<div id="sidebar" class="column column-240 column-right">
					<ul>	
                        <li>
        
                            <h4>Links</h4>
            
                            <ul>
                                <li><a href="http://www.spyka.net" title="spyka Webmaster resources">spyka webmaster</a></li>
                                <li><a href="http://www.justfreetemplates.com" title="free web templates">Free web templates</a></li>
                                <li><a href="http://www.spyka.net/forums" title="webmaster forums">Webmaster forums</a></li>
                                <li><a href="http://www.awesomestyles.com/mybb-themes" title="mybb themes">MyBB themes</a></li>
        
                                <li><a href="http://www.awesomestyles.com" title="free phpbb3 themes">phpBB3 styles</a></li>
                            </ul>
                        </li>
                        
                        <li>
            
                            <h4>Categories</h4>
                            <ul>
                              <li><a href="#">Lorem ipsum dolor sit amet.</a></li>
        
                              <li><a href="#">Quisque consequat nunc a felis.</a></li>
                              <li><a href="#">Suspendisse consequat magna at.</a></li>
                              <li><a href="#">Etiam eget diam id ligula rhoncus.</a></li>
                              <li><a href="#">Sed in mauris non nibh.</a></li>
                            </ul>
                        </li>
                        <li>
        
                            <h4>Sponsors</h4>
            
                            <ul>
            
                                <li><a href="http://www.themeforest.net/?ref=spykawg" title="premium templates"><strong>ThemeForest</strong></a> - premium HTML templates, WordPress themes and PHP scripts</li>
                                <li><a href="http://www.dreamhost.com/r.cgi?259541" title="web hosting"><strong>Web hosting</strong></a> - 50 dollars off when you use promocode <strong>awesome50</strong></li>
                                <li><a href="http://www.4templates.com/?aff=spykawg" title="4templates"><strong>4templates</strong></a> - brilliant premium templates</li>
        
            
                            </ul>
                        </li>
                    </ul> 
				</div>
			</div>
			<!-- end three column -->

			
			
			
		</div>
		
	</div>
	
	<div id="footer">
		<p>&copy; 2009. Design by <a href="http://www.spyka.net">Free CSS Templates</a> &amp; <a href="http://www.justfreetemplates.com">Free Web Templates</a></p>
	</div>

</div>
</body>
</html>
